<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小兔鲜儿-新鲜、惠民、快捷！</title>
  <meta name="description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。">
  <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 快捷导航 -->
    <div class="shortcut">
      <div class="wrapper">
        <ul>
          <li><a href="#">请登录</a></li>3
          <li><a href="#">免费注册</a></li>
          <li><a href="#">我的订单</a></li>
          <li><a href="#">会员中心</a></li>
          <li><a href="#">帮助中心</a></li>
          <li><a href="#">在线客服</a></li>
          <li><a href="#"><span></span>手机版</a></li>
        </ul>
      </div>
    </div>
<!-- 快捷导航到此结束 -->


    <!-- 头部区域 -->
    <div class="header wrapper">
      <div class="logo">
        <h1><a href="#">小兔鲜儿</a></h1></div>
        <div class="nav">
          <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">生鲜</a></li>
            <li><a href="#">美食</a></li>
            <li><a href="#">餐厨</a></li>
            <li><a href="#">电器</a></li>
            <li><a href="#">居家</a></li>
            <li><a href="#">居家</a></li>
            <li><a href="#">孕婴</a></li>
            <li><a href="#">服装</a></li>
          </ul>
        </div>
      <div class="search">
        <input type="text" placeholder="搜一搜">
        <span></span>
      </div>
        <div class="car">
          <span>2</span>
      </div>
    </div>
<!-- 头部区域到此结束 -->

    <!-- banner区域 -->
    <div class="banner">
      <!-- banner版心 -->
      <div class="wrapper">
        <ul>
          <li><a href="#"><img src="../xtx-pc-clien -2/uploads/banner_1.png" alt=""></a></li>
        </ul>
      <!-- banner版心到此结束 -->

        <!-- banner侧导航 -->
        <div class="aside">
           <ul>
          <li><a href="#">生鲜 <span>水果 蔬菜 </span></a></li>
          <li><a href="#">生鲜 <span>面点 干果 </span></a></li>
          <li><a href="#">生鲜 <span>数码产品 </span></a></li>
          <li><a href="#">生鲜 <span>床品 四件套  被枕 </span></a></li>
          <li><a href="#">生鲜 <span>奶粉 玩具  辅食 </span></a></li>
          <li><a href="#">生鲜 <span>洗发 洗护 美妆 </span></a></li>
          <li><a href="#">生鲜 <span>奶粉  玩具 </span></a></li>
          <li><a href="#">生鲜 <span>女装 男装 </span></a></li>
          <li><a href="#">生鲜 <span>户外 图书 </span></a></li>
          <li><a href="#">生鲜 <span>品牌制造 </span></a></li>
           </ul>
        </div>
        <!-- banner侧导航到此结束 -->

        <!-- 箭头侧导航 -->
        <div class="prev"></div>
        <div class="next"></div>
          <!-- 箭头侧导航到此结束 -->

        <!-- 小圆点 -->
        <ol>
          <li class="current"></li>
          <li ></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </ol>
      </div>
    </div>
     <!-- 小圆点到此结束 -->
<!-- banner区域到此结束 -->
      

    <!-- 新鲜好物区域 -->
    <div class="goods wrapper">
      <div class="hd">
        <h2>新鲜好物 <span>新鲜出炉 品质靠谱</span></h2>
        <a href="">查看全部</a>
      </div>
      <div class="bd clearfix">
          <ul>
            <li>
              <img src="../xtx-pc-clien -2/uploads/new_goods_1.jpg" alt="">
              <h3>睿米无线吸尘器F8</h3>
              <div><span>￥</span>899</div>
              <b>新品</b>
            </li>

            <li>
              <img src="../xtx-pc-clien -2/uploads/new_goods_2.jpg" alt="">
              <h3>智能环绕3D空调</h3>
              <div><span>￥</span>1299</div>
              <b>新品</b>
            </li>

            <li>
              <img src="../xtx-pc-clien -2/uploads/new_goods_3.jpg" alt="">
              <h3>广东软软糯米煲仔饭</h3>
              <div><span>￥</span>129</div>
              <b>新品</b>
            </li>

            <li>
              <img src="../xtx-pc-clien -2/uploads/new_goods_4.jpg" alt="">
              <h3>罗西机械智能手表</h3>
              <div><span>￥</span>3399</div>
              <b>新品</b>
            </li>

          </ul>
      </div>
    </div>
<!-- 新鲜好物区域到此结束 -->

    <!-- 生鲜区域 -->
    <div class="fresh wrapper">
      <div class="hd">
        <h2>生鲜</h2>
        <a href="#" class="more">查看全部</a>
        <ul>
          <li><a href="#">水果</a></li>
          <li><a href="#">蔬菜</a></li>
          <li><a href="#">肉禽蛋</a></li>
          <li><a href="#">裤装</a></li>
          <li><a href="#">衬衫</a></li>
          <li><a href="#">T恤</a></li>
          <li><a href="#">内衣</a></li>
        </ul>
      </div>

      <div class="bd clearfix">
        <!-- 生鲜left-->
        <div class="left">
          <a href="#"><img src="../xtx-pc-clien -2/uploads/fresh_goods_cover.png" alt=""></a>
        </div>
         <!-- 生鲜left到此结束-->


        <!-- 生鲜right-->
        <div class="right">
          <ul>
            <li>
              <a href="#"><img src="../xtx-pc-clien -2/uploads/fresh_goods_1.jpg" alt=""></a>
              <div>
                <p>红功夫 麻辣小龙虾1.5kg4-6钱/25-32只</p>
                <p class="type">火锅食材</p>
                <b><span>￥</span>89</b>
              </div>
            </li>

            <li>
              <a href="#"><img src="../xtx-pc-clien -2/uploads/fresh_goods_2.jpg" alt=""></a>
              <div>
                <p>红功夫 麻辣小龙虾1.5kg4-6钱/25-32只</p>
                <p class="type">火锅食材</p>
                <b><span>￥</span>89</b>
              </div>
            </li>

            <li>
              <a href="#"><img src="../xtx-pc-clien -2/uploads/fresh_goods_3.jpg" alt=""></a>
              <div>
                <p>红功夫 麻辣小龙虾1.5kg4-6钱/25-32只</p>
                <p class="type">火锅食材</p>
                <b><span>￥</span>89</b>
              </div>
            </li>

            <li>
              <a href="#"><img src="../xtx-pc-clien -2/uploads/fresh_goods_4.jpg" alt=""></a>
              <div>
                <p>红功夫 麻辣小龙虾1.5kg4-6钱/25-32只</p>
                <p class="type">火锅食材</p>
                <b><span>￥</span>89</b>
              </div>
            </li>

            <li>
              <a href="#"><img src="../xtx-pc-clien -2/uploads/fresh_goods_5.jpg" alt=""></a>
              <div>
                <p>红功夫 麻辣小龙虾1.5kg4-6钱/25-32只</p>
                <p class="type">火锅食材</p>
                <b><span>￥</span>89</b>
              </div>
            </li>

            <li>
              <a href="#"><img src="../xtx-pc-clien -2/uploads/fresh_goods_6.jpg" alt=""></a>
              <div>
                <p>红功夫 麻辣小龙虾1.5kg4-6钱/25-32只</p>
                <p class="type">火锅食材</p>
                <b><span>￥</span>89</b>
              </div>
            </li>

            <li>
              <a href="#"><img src="../xtx-pc-clien -2/uploads/fresh_goods_7.jpg" alt=""></a>
              <div>
                <p>红功夫 麻辣小龙虾1.5kg4-6钱/25-32只</p>
                <p class="type">火锅食材</p>
                <b><span>￥</span>89</b>
              </div>
            </li>

            <li>
              <a href="#"><img src="../xtx-pc-clien -2/uploads/fresh_goods_8.jpg" alt=""></a>
              <div>
                <p>红功夫 麻辣小龙虾1.5kg4-6钱/25-32只</p>
                <p class="type">火锅食材</p>
                <b><span>￥</span>89</b>
              </div>
            </li>
          </ul>
        </div>

        <!-- 生鲜right到此结束-->
      </div>
    </div>



<!-- 生鲜区域到此结束-->


    </div>
    <!-- 版权区域 -->
    <div class="footer">
      <div class="wrapper">
        <div class="top">
          <ul>
            <li>
              <span>价格亲民</span>
            </li>
            <li>
              <span>物流快捷</span>
            </li>
            <li>
              <span>品质新鲜</span>
            </li>
          </ul>
        </div>
        <div class="bottom">
          <p>
            <a href="#">关于我们 |</a>
            <a href="#">帮助中心 |</a>
            <a href="#">配送与验收 |</a>
            <a href="#">商务合作 |</a>
            <a href="#">搜索推荐 |</a>
            <a href="#">友情链接 |</a>
          </p>
          <p>CopyRight @ 小兔鲜儿</p>
        </div>
      </div>
    </div>
<!-- 版权区域到此结束 -->
 </body>
</html>